<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet"
	media="screen">
<link href="bootstrap/css/doc.css" rel="stylesheet">
<link href="bootstrap/css/prettify.css" rel="stylesheet">

<link href="css/prettify.css" rel="stylesheet">
<link rel="stylesheet" href="css/jquery.jOrgChart.css" />
<link rel="stylesheet" href="css/custom.css" />

<style type="text/css">
td {
	text-align: center;
}

body {
	padding-bottom: 40px;
}

.form-signin {
	max-width: 300px;
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	margin-top: 15%;
}

.form-signin .form-signin-heading,.form-signin .checkbox {
	margin-bottom: 10px;
}

.form-signin input[type="text"],.form-signin input[type="password"] {
	font-size: 16px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px 9px;
}

.table-tete {
	background-color: #f5f5f5;
}

.button-nav {
	margin-right: 1em;
}

.login {
	float: right;
}

.form-nav {
	margin: 0;
}

.page-header h2 {
	display: inline-block;
}

.form-match {
	display: inline-block;
	margin: 0;
	margin-left: 40%;
}

.image-button {
	border: 1px solid #CECBCB;
	border-radius: 11%;
	width: 100px;
}

.image-button:hover {
	border: 2px solid black;
}

.span9 {
	margin-top: 40px;
}

.image-group-button {
	margin-bottom: 30px;
}
</style>
<title>Tournoi de foot - Admin</title>
</head>
<body>

	<!-- Navbar
    ================================================== -->
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<button type="button" class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li class="active"><a href="admin">Accueil</a></li>
					</ul>


					<form class="form-nav" method="POST" action="admin?action=logout">
						<input type="submit" class="btn btn-danger login" value="Log out" />
					</form>


				</div>
			</div>

		</div>
	</div>
	<!--  ==================================================  Navbar -->

	<!-- Subhead
================================================== -->
	<header class="jumbotron subhead" id="overview">
	<div class="container">
		<h1>Administration</h1>
		<p class="lead">Espace d'administration du tournoi</p>
		<div id="carbonads-container"></div>
	</div>
	</header>

	<!--  ==================================================  Subhead -->
	<div class="container">

		<div class="span9">

			<div class="image-group-button">

				<a href="admin"> <img class="image-button"
					src="images/homeblanc.png" />
				</a>
				<c:if test="${!sessionScope.fixer}" >
				 <a href="admin?action=fixer-rencontres"> <img
					class="image-button" src="images/rencontre.png" />
				</a> 
				</c:if>
				 <a href="admin?action=inscrire-arbitres"> <img
					class="image-button" src="images/sifflet.png" />
				</a>				
				<a href="admin?action=affecter-arbitres"> <img
					class="image-button" src="images/arbitre.png" />
				</a> <a href="admin?action=gerer-matchs"> <img class="image-button"
					src="images/gestionmatch.png" />
				</a>
			</div>

			<div>
				<br /> <br />


				<c:if
					test="${sessionScope.le_tournoi != null && sessionScope.le_tournoi.tours != null && sessionScope.le_tournoi.tours.size() > 0}">
					<ul id="org" style="display: none">

						<c:out escapeXml="false"
							value="${sessionScope.le_tournoi.afficherArbre()}" />

					</ul>
				</c:if>
			</div>

		</div>
	</div>
	
</body>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>

<script type="text/javascript" src="js/prettify.js"></script>
<script src="js/jquery.jOrgChart.js"></script>

<script>
	jQuery(document).ready(function() {
		$("#org").jOrgChart();
	});
	
	
</script>
</html>